$(function(){
    function initContainer() {
        $(".demo, .demo .column").sortable({
            connectWith: ".column",
            opacity: .35,
            handle: ".drag",
            start: function (e, t) {
                // if (!startdrag) stopsave++;
                // startdrag = 1;
            },
            stop: function (e, t) {
                // if (stopsave > 0) stopsave--;
                // startdrag = 0;
            }
        });
        configurationElm();
    }
    function configurationElm(e, t) {
        $(".demo").delegate(".configuration > a", "click", function (e) {
            e.preventDefault();
            var t = $(this).parent().next().next().children();
            $(this).toggleClass("active");
            t.toggleClass($(this).attr("rel"))
        });
        $(".demo").delegate(".configuration .dropdown-menu a", "click", function (e) {
            e.preventDefault();
            var t = $(this).parent().parent();
            var n = t.parent().parent().next().next().children();
            t.find("li").removeClass("active");
            $(this).parent().addClass("active");
            var r = "";
            t.find("a").each(function () {
                r += $(this).attr("rel") + " "
            });
            t.parent().removeClass("open");
            n.removeClass(r);
            n.addClass($(this).attr("rel"))
        })
    }
    initContainer();
    $(".sidebar-nav .lyrow").draggable({
        connectToSortable: ".demo",
        helper: "clone",
        handle: ".drag",
        start: function (e, t) {
            // if (!startdrag) stopsave++;
            // startdrag = 1;
        },
        drag: function (e, t) {
            t.helper.width(400)
        },
        stop: function (e, t) {
            console.log(t)
            t.helper.removeAttr('style')
            $(".demo .column").sortable({
                opacity: .35,
                connectWith: ".column",
                start: function (e, t) {
                    // if (!startdrag) stopsave++;
                    // startdrag = 1;
                },
                stop: function (e, t) {
                    // if (stopsave > 0) stopsave--;
                    // startdrag = 0;
                }
            });
            // if (stopsave > 0) stopsave--;
            // startdrag = 0;
        }
    });
})